import { useTitle } from 'ahooks'
import style from './style.less'
import { Tabs } from 'antd-mobile'
import TabBar from '../.tab-bar';
import React from 'react'
import List from './list'
export default () => {
    useTitle('交易订单')
    return (
        <div className={style.page}>
            <div className={style.tabsContainer}>
                <Tabs className={style.tabs}>
                    <Tabs.Tab title='待确认' key='1' >
                        <List State={['SUPPLIER','PURCHASER']}/>
                    </Tabs.Tab>
                    <Tabs.Tab title='已完成' key='2'>
                        <List State={['SUCCESS']} />
                    </Tabs.Tab>
                    <Tabs.Tab title='取消交易' key='3'>
                        <List State={['FAILED']}/>
                    </Tabs.Tab>
                </Tabs>
            </div>
            <TabBar />
        </div>
    )
}
